<template>
    <div class="container">
        <search/>
        <inform/>
        <div class="btn-group">
            <div @click="routerLink(`answer`)"><img src="@/assets/btn_start.png"  alt="" class="btn_start"> </div>
            <img @click="routerLink(`notebook`)" src="@/assets/btn_note.png" alt="" class="btn_note">
            <img @click="routerLink(`myCard`)" src="@/assets/btn_prize.png" alt="" class="btn_prize">
        </div>
        <div class="info">
            <div>西安市高陵区城市管理综合执法局</div>
            <div>有安米互动</div>
        </div>
    </div>
</template>
<script>
// 引入组件
import search from '@/components/search'
import inform from '@/components/inform'
export default {
    components: {
        search: search,
        inform:inform
  },
  methods:{
     routerLink(href){
         this.$router.push({
             name:href
         })
     } 
  }
}
</script>
<style lang="less" scoped>
    .container{
        width: 94%;
        // height: 100vh;
        margin: 0 auto;
        overflow: hidden;
            .search-cont{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .search{
                  border: 2px solid #4076FB;
                  border-radius: 20px;
                  padding-left: 10px;
                }
            }
            .cc-img{
                width: 35%;
                }
            .search-btn {
                width: 9%;
                vertical-align: middle;
            }
            .icon_horn{
                width: 76px / 1.7;
                height: 64px / 1.7;
            }
            input{
                height: 30px;
                line-height: 30px;
                border: none;
            }
            .btn_start{
                width: 98%;
                padding: 0 3px 10px;
            }
            .btn_note,.btn_prize{
                width: 48%;
                padding: 0 3px;
            }
            .info-scroll{
                background: #FFD737;
                margin: 4% auto 3%;
                display: flex;
                align-items: center;
                padding: 5px;
                border-radius: 5px;
                .prise-wz{
                    font-size: 14px;
                    padding-left: 5px;
                }
                .prise{
                    font-size: 17px;
                    padding-left: 10px;
                    font-weight: bold;
                    color: rgb(193, 73, 223);
                }
            }
            .info{
                text-align: center;
                color: #B8B8B8;
                margin-top: 15px;
            }
    }
</style>